<!doctype html>
<html>
	<head>
	<meta charset=UTF-8">
	<title>天空之城</title> 
	<style>
	*{
		padding: 0;
		margin: 0  auto;
		list-style: none;
	}
	body{
		padding: 0 ;
		margin: 0 auto;
	}
	}
		header{
			}
			#head{
		width: 1200px;
		height: 110px;
		background-color: burlywood;
		margin: 0;
		border-style: solid;
		border-width: 2px;
		border-color: blue;
	font-size: 18px;
	}
	#b{
		height: 20px;
		border-radius: 20px;
		width: 50px;
		background-color: aqua;
		border-color: blue;
		border-style: solid;
		float: right;
		margin-right: 130px;
		margin-top: -50px;
	}
	#c{
		border-radius: 20px;
		height: 20px;
		width: 110px;
		border-color: darkblue;
		float: right;
		margin-right:180px;
		margin-top: -50px;
		
	}
	}
	

	#co{
float: right;
	}
	#rcorners1 {
	    border-radius: 30px;
	    background: navajowhite;
	    width: 60px;
		margin-right: 40px;
		height: 24px;
		text-align: center;
		
		float: right;
		margin-top:-30px;
		}
		section{
			width: 1200px;
			height: 850px;
			margin: 0;
	border: 2px solid blue;
			
		}
		.div1{
			height: 850px;
			width: 300px;
			float: left;
			border-color: aqua;
			border-style: solid;
			background-color: darkkhaki;
			}
			
			.div2{
				height: 850px;
				width: 888px;
				float: left;
				border-color: aqua;
				border-style: solid;
				border: 2px solid aqua;
				margin: 0;
				background-color: chartreuse;
			
	
		}
		.chuang{
			border: aqua solid 2px;
			width: 800px;
			margin-left: 30px;
			margin-right: 40px;
			background-color: deepskyblue;
			
			
		}
		.l1{
			float: left;
			margin-left: 40px;
			margin-right: 40px;
		}
		audio{
			width: 700px;
			margin-left: 100px;
		}
			ol{
				font-size: 16px;
			}
			
			
			
		}
		
		}
		}
		}
	</style>
		<header>
		<body>
		<div id="head"> <img src="../img/R-C.jpg" alt="" srcset="" width="80px" height="80px">
				&nbsp;伴读故事&nbsp;小说&nbsp;音乐&nbsp;电子书&nbsp;视频&nbsp;下载APP
			<div>
					<div id="rcorners1">登录
				<input type="button" value="搜索" class="bb" id="b"> 
				<input type="text" class="bb"  id="c">
				</header>
			<section>
			<div class="div1">          
			<ul class="l1">                    
			<div>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				<li >第一章</li>
				
				
			</ul>
			<div class="l2"></div>
			<li>目录</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			<li >第一章</li>
			</div>
				<div class="div2">
				<a  class="chuang" >天空之城</a>
				<a class="chuang">夜间模式</a>
				<a  class="chuang" >字体大小</a>
				<a  class="chuang">版本对照</a>
				<a  class="chuang" >语音倍速</a>
				<a class="chuang" >故事足迹</a>
					<audio autoplay controls src="../video/tiankongzhichneg.m4a" loop>
						
					</audio>
					<h1>天空之城</h1>
					<ol>
					<li >《天空之城》（天空の城ラピュタ）是日本吉卜力工作室于1986年推出的一部动画电影。</li>
					<li >《天空之城》的原作、监督、脚本和角色设定都是由宫崎骏来担任，使得这部作品充满了宫崎骏的理念。</li>
					<li >出现在《天空之城》中的空中城堡拉普达（Laputa）。</li>
					<li>一般被认为是来自于英国作家乔纳森·斯威夫特的知名小说《格列佛游记》中的飞岛国。</li>
					<li >后因此开发出同名网游。</li>
					<li >其主题曲《伴随着你》（通称：天空之城）由音乐家久石让作曲，</li>
					<li >因以其让人落泪的优美曲调和动人心弦的美妙音律而闻名全球，</li>
					<li >被改编成多种版本，成为经典的轻音乐名曲，也成为流芳百世的世界名曲。</li>
					<li >这部作品的音乐仍旧由久石让负责，</li>
					<li >在这部作品中他的才华得到了相当大的发挥，甚至可以说没有他的音乐，</li>
					<li >电影本身会因此而减少魅力，一般认为来说，电影音乐带有苏格兰风格，</li>
					<li >其主题曲也是由民歌曲调改编而成，不过现在还不是很清楚这个消息是否可靠</li>
					<li >，可以确定的是主题曲倒是经常被许多电视节目采用，中央台就能听到。 　</li>
					<li >　整部作品的音乐都是精品，特别有名气的就是它的结尾曲“君をのせて”，</li>
					<li >很多没有看过宫崎骏电影的人也许都相当熟悉它，它由井上杏美小姐演唱，</li>
					<li >她宽广而柔和的音域显然很受观众和宫崎骏本人喜欢，</li>
					<li >因此，后来几部作品也邀请了她来演唱主题曲或者片中插曲。</li>
					</ol>
				</div>
					</section>
		
		
<body>

</html>